<template>
  <div class="BaseBlockBurttonBox" @click="callBack()">
    <div class="BaseBlockBurtton">
        {{text}}
    </div>
  </div>
</template>

<script>
export default {
    props: {
        text: {
            type: String,
            default: ''
        }
    },
    methods: {
        callBack(){
            this.$emit('confirm')
        }
    }
};
</script>

<style scoped>
.BaseBlockBurttonBox{
padding: 10rpx 20rpx;
    box-sizing: border-box;
}
.BaseBlockBurtton{
    
	height: 75rpx;
	background-color: #ffffff;
	border-radius: 38rpx;
	border: solid 1rpx #d63730;
    text-align: center;
    font-family: MicrosoftYaHei;
	font-size: 26rpx;
	font-weight: normal;
	font-stretch: normal;
	line-height: 75rpx;
	letter-spacing: 0rpx;
	color: #e13c35;
}
</style>